<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
    <!-- FONTS 
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
</head>

<body>
    <header class="navbar clearfix" id="header">
    </header>

    <!-- PAGE -->
    <section id="page">
        <!-- SIDEBAR -->
        <div id="sidebar" class="sidebar">
            <div class="sidebar-menu nav-collapse">

                <!-- SIDEBAR MENU -->
                <ul>

                </ul>
                <!-- /SIDEBAR MENU -->
            </div>

        </div>
        <!-- /SIDEBAR -->
        <div id="main-content">
            <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
            <div class="modal fade" id="productpack_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title">活动商品</h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-group" style="height:auto">
                                <table id="productpack_product" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>
                                                商品名称
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>


                                </table>
                            </div>



                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                        </div>
                    </div>
                </div>
            </div>
            <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
            <div class="container">
                <div class="row">
                    <div id="content" class="col-lg-12">
                        <!-- PAGE HEADER-->
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="page-header">
                                    <!-- STYLER -->

                                    <!-- /STYLER -->
                                    <!-- BREADCRUMBS -->
                                    <ul class="breadcrumb">
                                        <li>
                                            <i class="fa fa-home"></i>
                                            <a href="index.html">首页</a>
                                        </li>
                                        <li>
                                            <a href="#">批发模式</a>
                                        </li>
                                        <li>订单查询</li>
                                    </ul>
                                    <!-- /BREADCRUMBS -->

                                </div>
                            </div>
                        </div>
                        <!-- /PAGE HEADER -->
                        <!-- FORMS QUERY-->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="box border primary">
                                            <div class="box-title">
                                                <h4><i class="fa fa-bars"></i>查询条件</h4>
                                            </div>
                                            <div class="box-body big" style="padding:10px;">
                                                <form class="form-horizontal" role="form" id="form_productpack">
                                                    <div class="form-group mrg-bt10 row">
                                                        <label class="col-sm-1 control-label" style="width: auto">批发商名字：</label>
                                                        <div class="col-sm-2" style="width:180px">
                                                            <input type="text" class="form-control" name="wholesalerName" placeholder="输入关键字">
                                                        </div>
                                                        <label class="col-sm-1 control-label" style="width: auto">出库时间：</label>
                                                        <div class="col-sm-2" style="display:inline-flex;width: 290px">
                                                            <div style="width:130px">
                                                                <input type="text" name="startDate" class="form-control bootstrap-datepicker">
                                                            </div>
                                                            <div style="width: 40px; text-align: center">至</div>
                                                            <div class="float-left" style="width:130px">
                                                                <input type="text" name="endDate" class="form-control bootstrap-datepicker">
                                                            </div>
                                                        </div>
                                                        <label class="col-sm-1 control-label" style="width: auto">订单编号：</label>
                                                        <div class="col-sm-2" style="width:180px">
                                                            <input type="text" class="form-control" name="detailCode" placeholder="输入订单编号">
                                                        </div>
                                                        <label class="col-sm-1 control-label" style="width: auto;">预结算单号：</label>
                                                        <div class="col-sm-2" style="width:180px">
                                                            <input type="text" class="form-control" name="prebillCode" placeholder="输入预结算单号">
                                                        </div>
                                                        <div class=" form-group">
                                                            <a class="btn btn-primary search">查询</a>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /FORMS QUERY -->
                        <div class="row">
                            <!-- TABLES -->
                            <div class="col-md-12">
                                <!-- BOX -->
                                <div class="box border primary">
                                    <div class="box-title">
                                        <h4><i class="fa fa-table"></i>订单数：<span id="total"></span>条 </h4>

                                    </div>
                                    <div class="box-body">
                                        <table id="db_productpack_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">

                                        </table>
                                    </div>
                                </div>
                                <!-- /BOX -->
                            </div>
                        </div>
                        <!-- /TABLES -->


                        <div class="footer-tools">
                            <span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
                        </div>
                    </div>
                    <!-- /CONTENT-->
                </div>
            </div>
        </div>
    </section>
    <!--/PAGE -->
    <!-- JAVASCRIPTS -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- JQUERY -->
    <script src="../../js/jquery/jquery-2.0.3.min.js"></script>

    <!-- BOOTSTRAP -->
    <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
    <!-- BLOCK UI -->
    <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

    <!-- AUTOSIZE -->
    <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
    <!-- spinner -->
    <script src="../../js/spinner/spin.js"></script>
    <!-- DATA TABLES -->
    <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
    <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

    <!-- INPUT MASK -->
    <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

    <!-- SELECT2 -->
    <script type="text/javascript" src="../../js/select2/select2.min.js"></script>
    <!-- UNIFORM -->
    <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="../../js/script.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        var OrderInquiry = function() {
            var $mainDataTable = null;
            $("input[name=prebillCode]").val($.getUrlParam('prebillCode'))
            var searchOrderInquiry = function() {
                var startDate = $("input[name=startDate]").val();
                var endDate = $("input[name=endDate]").val();
                var wholesalerName = $("input[name=wholesalerName]").val();
                var detailCode = $("input[name=detailCode]").val();
                var prebillCode = $("input[name=prebillCode]").val();
                var url = App.getContextPath() + `admin/wholesaleprebill/searchDetail.do?recordType=Order&wholesalerName=${wholesalerName}&detailCode=${detailCode}&prebillCode=${prebillCode}`;
                if (!detailCode && !prebillCode) {
                    if (startDate != "")
                        url += "&startDate=" + startDate;
                    if (endDate != "")
                        url += "&endDate=" + $.dateAdd(endDate);
                }
                if ($mainDataTable) {
                    $mainDataTable.api().ajax.url(url).load();
                    return;
                }
                var dtSetting = $.dataTableSetting({
                    "ajaxSource": url,
                    "serverSide": true,
                    "bFilter": false, // 去掉搜索框
                    "bLengthChange": true, // 每页显示数量							
                    "sScrollX": "100%",
                    "sScrollXInner": "100%",
                    "iDisplayLength": 25,

                    "bSort": false,
                    "aoColumns": [{
                        "mDataProp": "detailCode",
                        "sTitle": "订单编号",
                        "width": "10%"
                    }, {
                        "mDataProp": "deliveryCode",
                        "sTitle": "出库单号",
                        "width": "10%"
                    }, {
                        "mDataProp": "wholesalerName",
                        "sTitle": "批发商名称",
                        "width": "10%",
                    }, {
                        "mDataProp": "prebillCode",
                        "sTitle": "预结算单号",
                        "width": "10%",
                    }, {
                        "mDataProp": "deliveryTimeStr",
                        "sTitle": "出库时间",
                        "width": "10%",
                    }, {
                        "mDataProp": "skuCode",
                        "sTitle": "SKU编码",
                        "width": "10%",
                    }, {
                        "mDataProp": "quantity",
                        "sTitle": "数量",
                        "width": "10%",
                    }, {
                        // "mDataProp": "wholesalePrice",
                        "sTitle": "批发价",
                        "width": "10%",
                        "render": function(data, type, row) {
                            return format_thousands(row.wholesalePrice);
                        }
                    }, {

                        "sTitle": "结算状态",
                        "width": "10%",
                        "mDataProp": "commitStatusDesc"
                    }]
                });

                $mainDataTable = $("#db_productpack_list").dataTable(dtSetting);
            };


            return {
                init: function() {
                    $.initDate($("#form_productpack"), -30, 0);
                    $(".search").click(searchOrderInquiry);
                    searchOrderInquiry();

                },

            }
        }();

        $(function() {
            $("#header").load("../head.html");
            App.init(); //Initialise plugins and elements	        
            OrderInquiry.init();

        });
    </script>
    <!-- /JAVASCRIPTS -->
</body>

</html>